
import React, { Component } from 'react';
import {Input , Button,Select} from 'antd'
import 'whatwg-fetch'
import 'es6-promise'



class ConsultEdit extends Component{
  state={
    classify:"",
    title:""
  }
  componentDidMount(){
    let UE = window.UE;
    UE.delEditor("container");
    let ue = UE.getEditor('container', {
      autoHeightEnabled: true,
      autoFloatEnabled: true
    });   
    //传递过来的id
    let transmitId = this.props.location.state.data
    //http://120.26.61.246:9002/zhongcai/information/15
    //单条数据查询
    fetch('/zhongcai/information/'+transmitId,{
      method:"GET"
    }).then((res)=>{
      return res.json();
    }).then(res => {
      let data = res.data.information
      console.log(res,"成功")
      this.refs['title'].input.value=data.title


      if(window._myFlag){
        data.content && ue.setContent(data.content);
        window._myFlag=false
      }else{
        data.content && ue.setContent(data.content);
        ue.addListener("ready", function () {
          console.log(data.content)
          // editor准备好之后才可以使用
          data.content && ue.setContent(data.content);
        });  
      }

    }).catch((res)=>{
        console.log(res);
    });
  }
  rua(){
    let UE = window.UE;
    console.log(UE.getEditor('container'))
    console.log(UE.getEditor('container').textarea.value,'textarea')
    if(UE.getEditor('container').body){
      console.log(UE.getEditor('container').body.innerText,"bodyinnerText")
      console.log(UE.getEditor('container').getContentTxt(),"getcontext")
    }
    
    
    let inputTitle = this.refs['title']
    console.log(this.state.classify)
    console.log(inputTitle.input.value)

    //   "id": 13,
  // "updateuser": 3
  }
  back(){
    console.log('返回上一个页面')
    window.history.back();
  }
  render() {
    const Option = Select.Option;
    function handleChange(value) {
      this.setState({
        classify:value
      })
    }
    
    function handleBlur() {
      console.log('blur');
    }
    
    function handleFocus() {
      console.log('focus');
    }
    
    return (
      <div className="App">
        <p style={{textAlign:"left"}}>标题</p>
        <Input placeholder="Basic usage" size="large" id="ruarua" ref="title"></Input>
        <p style={{textAlign:"left"}}>分类</p>
        <Select
            showSearch
            size="large"
            style={{ width: 200 ,float:"left"}}
            placeholder="分类"
            optionFilterProp="children"
            onChange={handleChange.bind(this)}
            onFocus={handleFocus}
            onBlur={handleBlur}
            filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
          >
            <Option value="长仲风采>关于我们">长仲风采>关于我们</Option>
            <Option value="长仲风采>发展历程">长仲风采>发展历程</Option>
            <Option value="长仲风采>组织机构">长仲风采>组织机构</Option>
            <Option value="长仲风采>委员会成员">长仲风采>委员会成员</Option>
            <Option value="长仲风采>专门委员会">长仲风采>专门委员会</Option>
            <Option value="长仲风采>长仲文化">长仲风采>长仲文化</Option>
            <Option value="长仲风采>仲裁咨询">长仲风采>仲裁咨询</Option>

            <Option value="仲裁指南>当事人仲裁指南">仲裁指南>当事人仲裁指南</Option>
            <Option value="仲裁指南>仲裁规则">仲裁指南>仲裁规则</Option>
            <Option value="仲裁指南>仲裁流程">仲裁指南>仲裁流程</Option>
            <Option value="仲裁指南>仲裁收费">仲裁指南>仲裁收费</Option>
            <Option value="仲裁指南>文书下载">仲裁指南>文书下载</Option>
            <Option value="仲裁指南>常见问题">仲裁指南>常见问题</Option>

            <Option value="仲裁员>仲裁员管理规范">仲裁员>仲裁员管理规范</Option>
            <Option value="仲裁员>服务仲裁员">仲裁员>服务仲裁员</Option>
            <Option value="仲裁员>仲裁员风范">仲裁员>仲裁员风范</Option>
            <Option value="仲裁员>仲裁员培训">仲裁员>仲裁员培训</Option>

            <Option value="在线服务>在线仲裁指南">在线服务>在线仲裁指南</Option>

            <Option value="仲裁鉴定>鉴定工作管理制度">仲裁鉴定>鉴定工作管理制度</Option>
            <Option value="仲裁鉴定>鉴定工作指引">仲裁鉴定>鉴定工作指引</Option>

            <Option value="仲裁资料>法律法裁">仲裁资料>法律法裁</Option>
            <Option value="仲裁资料>案例专栏">仲裁资料>案例专栏</Option>
            <Option value="仲裁资料>商事仲裁研究">仲裁资料>商事仲裁研究</Option>
            <Option value="仲裁资料>长沙仲裁">仲裁资料>长沙仲裁</Option>
            <Option value="仲裁资料>历史资料">仲裁资料>历史资料</Option>

            <Option value="分支机构>金融仲裁院">分支机构>金融仲裁院</Option>

            <Option value="基层党建>秘书处党支部介绍">基层党建>秘书处党支部介绍</Option>
            <Option value="长仲风采>基层党建工作动态">长仲风采>基层党建工作动态</Option>
        </Select>
        <div style={{clear:"both"}}></div>
        <p style={{textAlign:"left"}}>内容</p>
        <textarea id="container" style={{height:"500px",width:"100%"}} ref="textarea"></textarea>
        <Button onClick={this.back} style={{marginTop:'36px',float:"right",background:"#004894",color:"#fff",height:"45px",width:"120px",fontSize:"17px"}} icon='backward'>返回</Button>
        <Button onClick={this.rua.bind(this)} style={{marginTop:'36px',float:"right",marginRight:"36px",background:"#E50012",color:"#fff",height:"45px",width:"120px",fontSize:"17px"}} icon="upload">发布</Button>
      </div>
    );
  }
}

export default ConsultEdit;